<template>
    <view class="box">
        <view style="color: #D84D23;text-align: center;">
            <image style="width: 65rpx;" mode="widthFix" src="/static/in_fuli/2.png"></image>
            <text style="font-size: 32rpx;font-weight: bold;margin: 0 30rpx 0 30rpx;">{{name}}</text>
            <image style="width: 65rpx;" mode="widthFix" src="/static/in_fuli/2.png"></image>
        </view>

        <!-- 分割线 -->
        <u-divider></u-divider>

		<scroll-view style="height: 700rpx;" :scroll-y="true">
        <view v-for="(item,index) in userList">
            <!-- 分割线 -->
            <!-- 头像，状态，注册时间，礼品 -->
            <view style="padding: 10rpx;box-sizing: border-box;margin: 20rpx 0 20rpx 0;border-bottom:1rpx solid rgba(118,118,118,.1);">
                <u-row>
                    <u-col :span="2">
                        <view class="avatar-box">
                            <view style="height: 10rpx;"></view>
                            <image :src="item.imgUrl" class="avatar" mode="aspectFill"></image>
                        </view>
                    </u-col>
                    <u-col :span="1"></u-col>
                    <u-col :span="9">

                        <u-row>
                            <u-col :span="9">
                                <view style="font-size: 30rpx;"><text style="font-weight: bold;color: #666666;">{{item.phone}}</text>
                                    <text
                                    v-if="index == 0"
                                    style="margin-left: 10rpx;color: #ff9900;">最后注册</text>
                                </view>
                            </u-col>
                            <u-col :span="3">
                                <view style="text-align: right;color: #dd524d;font-size: 30rpx;">活动中</view>
                            </u-col>
                        </u-row>
                        <view style="height: 20rpx;"></view>
                        <u-row>
                            <u-col :span="8">
                                <view style="font-size: 28rpx;">{{ item.create_at }}</view>
                            </u-col>
                            <u-col :span="4">
                                <view style="text-align: right;font-size: 28rpx;">{{ item.prizeName}}</view>
                            </u-col>
                        </u-row>

                    </u-col>
                </u-row>
            </view>

        </view>
		
		</scroll-view>
		
        <view style="height: 10rpx;"></view>
    </view>
</template>

<script>
export default {
    props: {
        userList:{
            type: Array,
            default: []
        },
        name:{
            type: String,
            default: ''
        },
    },
    data() {
        return {
        }
    },
    methods: {

    }
}
</script>

<style lang="scss" scoped>
.box {
    padding: 30rpx;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 0 0 30rpx 30rpx;
}

.avatar-box {
    text-align: left;
}

.avatar {
    width: 100rpx;
    height: 100rpx;
    border-radius: 50%;
}
</style>


